/*  旅程卡片组件  */

/*  旅程卡片  */
.travel-card {
  position: relative;
  width: 500rpx;
  padding: 12rpx;
}


/*  旅程封面图片  */
.travel-image {
  width: 100%;
  height: 750rpx;
  border-radius: 12rpx;
  overflow: hidden;
  box-shadow: var(--shadow-2);

  &:active{
    box-shadow: none;
  }
}


/*  旅程目的地  */
.travel-destination {
  position: absolute;
  left: 24rpx;
  top: 24rpx;
  padding: 8rpx 16rpx;
  border-radius: 4rpx;

  font-weight: bold;
  color: var(--color-text-default);
  background: linear-gradient(135deg, #f5d8a5 0%, #ebc789 100%);
}


/*  旅程标签（图片底端）  */
.travel-image-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12rpx;
}

.travel-image-bottom-content {
  width: 100%;
  height: 60rpx;
  padding: 16rpx 16rpx 8rpx;
  border-radius: 12rpx;

  display: flex;
  justify-content: space-between;
  align-items: center;

  color: var(--color-text-dark);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
}

/*  旅程起止日期  */
.travel-date {
  display: flex;
  align-items: center;
  gap: 16rpx;
}

/*  旅程设置按钮-按下状态  */
.travel-setting:active {
  color: var(--color-text-third);
}
